﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,inital-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no, email=no" />
<title>AG198澳新跨境</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.mobile.min.js"></script>
<script language="javascript" type="text/javascript" src="js/base.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.lazyload.js"></script>
</head>

<body>
<div class="wrap clearfix">
<header class="header bgf">
<div class="name">订单结算</div>
<span class="back" id="back"><i class="icon-back icon"></i></span>
</header>
<div class="clear"></div>
<!-- header end -->

<ul class="list-tab btline mt10 clearfix">
<li class="item">
<a href="user-address-add.html" class="tap pl-24 arrow">
<span class="add-addr"><i class="icon-add icon"></i></span>
新增收货地址<span class="fr c2">还可添加8个地址</span>
<i class="icon-arrow icon"></i>
</a>
</li>
</ul>

<a class="order-addr" href="user-address-slt.html">
<i class="icon-addr icon"></i>
<div class="name">收货人：周杰伦<span class="fr">18257139588</span></div>
<div class="info">收货地址：浙江省杭州市江干区 下沙经济开发新加坡科技园5幢721-724<i class="ico-arrow icon"></i></div>
</a>

<ul class="plist2 clearfix">
<li class="clearfix">
<a href="show.html" class="tap clearfix">
<div class="imgbox box-sizing"><img src="images/grey.gif" class="lazy" data-original="images/p17.jpg" /></div>
<div class="text-box box-sizing">
<div class="name">美国 Herbalife 康宝莱 奶昔蛋白混合饮料快速减重 750g香草味</div>
<div class="price-box">
<span class="red unit">¥ 99.00</span>
<span class="num">×1</span>
</div>
</div>
</a>
</li>
</ul>

<div class="title-bt">结算</div>
<ul class="list-tab btline mt10 clearfix">
<li class="item">
<a href="order-delivery.html" class="tap arrow">
<span class="name">配送方式</span>
<span class="dsp">圆通快递</span>
<i class="icon-arrow icon"></i>
</a>
</li>
<li class="item">
<a href="use-coupon.html" class="tap arrow">
<span class="name">优惠券</span>
<span class="dsp c5">5张可用</span>
<i class="icon-arrow icon"></i>
</a>
</li>
<li class="item">
<div class="tap">
<span class="name">运费</span>
<span class="dsp c5">免邮</span>
</div>
</li>
<li class="item">
<div class="tap">
<span class="name">税费</span>
<span class="dsp">本次订单免税哦！<font class="c2 tdl">¥10.00</font></span>
</div>
</li>
<li class="item">
<div class="tap">
<span class="name">订单总额</span>
<span class="dsp"><font class="c5 fs3">¥99.00</font></span>
</div>
</li>
</ul>

<div class="title-bt">支付方式</div>
<ul class="list-tab mt10 mb10 btline clearfix" id="payment">
<li class="item">
<div class="tap pl-24 check">
<div class="icon-24"><img src="images/zfb.png"></div>
<span class="name">支付宝支付</span>
<label class="ico-check active"><input type="radio"></label>
</div>
</li>
<li class="item">
<div class="tap pl-24 check">
<div class="icon-24"><img src="images/weixin.png"></div>
<span class="name">微信支付</span>
<label class="ico-check"><input type="radio"></label>
</div>
</li>
<li class="item">
<div class="tap pl-24 check">
<div class="icon-24"><img src="images/yinlian.png"></div>
<span class="name">网银支付</span>
<label class="ico-check"><input type="radio"></label>
</div>
</li>
</ul>

<!-- footer begin -->
<div class="clear"></div>
<nav class="bot-nav">
<div class="count-box">共计 1 件，总额：<span class="red">¥ <font class="unit">99.00</font></span></div>
<a href="order-ok.html" class="ljgm-btn pa">立即支付</a>
</nav>
</div>
<script>
//图片懒加载
$("img.lazy").lazyload({
	 effect:"fadeIn",
	 threshold:1000,
	 });

$(function(){
	$("#payment .tap").bind({
		tap:function(){
			$("#payment .ico-check").removeClass("active");
			$(this).find(".ico-check").addClass("active");
			}
		});
	});
</script>
</body>
</html>